<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <title>复制代码示例</title>
    <meta name="keywords" content="复制代码示例"/>
    <meta name="description" content="复制代码示例">
    <meta name="author" content="醉美婺源">
</head>
<body>
	<input id="copy" type="button" data-clipboard-text="这里是用于复制的内容，CodePlayer" value="复制">
	<!-- 这里是HTML代码部分 -->
	<textarea id="content" rows="10" cols="60">这里是需要复制的内容</textarea>
	<input id="copy1" type="button" data-clipboard-target="content" value="复制1">
	<input id="copy2" type="button" data-clipboard-target="content" value="复制2">
	<!-- 这里是JS代码部分 -->
	<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.1.6/ZeroClipboard.min.js" ></script>
	<script type="text/javascript">
		// 将【复制】按钮充当复制数据的元素载体
		var clip = new ZeroClipboard( document.getElementById("copy1") );
		// 添加id为copy2的元素作为复制载体，原来id为copy的元素依然可用
		clip.clip( document.getElementById("copy2") );/* 也可以数组形式传入多个 */
		// 不指定任何参数，则取消该对象之前在所有元素上注册的复制功能
		clip.clip();
	</script>
</body>
</html>